/*
	Buttons are created using four nested elements with either an anchor or submit button as the "trigger" to the click event.
	
	Submit button: use for forms only
	Anchor: use for navigation
	
	<span class="container-ui-button"> // frames the button allows for relative positioning on the mouse down
		<span class="ui-button"> // target this element to control button
			<span class="container-trigger"> // frames the trigger and allows for vertical centering
				<el class="trigger"></el> // either an <a> or <input type="submit">
			</span>
		</span>
	</span>
				
*/

.container-ui-button {
	/* display */				display: inline-block; vertical-align: middle; /* allows placing buttons on a horizontal baseline */
	/* position */				position: relative; /* set to either relative or absolute; forces the ui_button to position itself relative to this container */
	/* box */ 					/* inner containers use width: inherit; height: inherit; use classes below the default set to define specific sizes */
	/* type */ 					text-align: center; /* forces all inner text to center horizontally */
}

.ui-button { 
	/* display */				display: block; /* important: do not change */
	/* box */ 					width: inherit; height: inherit; padding: 0; margin: 0;
	/* type */ 					font-size: 14px; color: #444; text-decoration: none;
	/* position */				position: relative; left: 0; top: 0;
	/* cursor */				cursor: pointer; /* need cursor here so hand appears outside trigger but inside container */
	/* css3 */	 				-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
	 							-webkit-transition: background .35s ease; -moz-transition: background .35s ease; -o-transition: background .35s ease; transition: background .35s ease;
	 							-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
								-webkit-box-shadow: 0px 1px 2px #aaa; -moz-box-shadow: 0px 1px 2px #aaa; -o-box-shadow: 0px 1px 2px #aaa; box-shadow: 0px 1px 2px #aaa;
								
	/* variants will set
	these props */				border: 1px solid #9f9f9f;
								text-shadow: 0px 1px 0px #fff;
								background: #f2f2f2;
								background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
								background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */
}

.container-trigger { 
	/* display */				display: block; /* important: do not change */
	/* box */ 					width: inherit; height: inherit; /* inherit the dimensions of the outer container */
								color: inherit;
}

.trigger { 
	/* box */					width: auto; height: auto; display: block; overflow: visible; /* ie padding fix */ margin: 0; /* margin: 0; removes native margin assigned to submit buttons */
	/* type */ 					font-family: 'Arvo', arial, serif; text-shadow: inherit; color: inherit; font-size: inherit; text-decoration: none; line-height: 1; 
	/* button style */			border: 0; background-color: transparent; outline: none; 
	/* cursor */				cursor: pointer; /* need cursor here so hand appears when rolling over submit button */
	/* css3	*/					-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
								
}

.container-trigger .trigger:hover { text-decoration: none; }

.disabled a, .passive a { cursor: default; }

/* DEFAULT: a white button with orange rollover state */

.ui-button-default {
	/* box */ 			border: 1px solid #9f9f9f;
	/* type */ 			text-shadow: 0px 1px 0px #fff;
	/* background */	background: #f2f2f2;
	/* css3 */	 		background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */
}

.ui-button-default.hover {
	/* box */ 			border: 1px solid #da8200;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */	
}

.ui-button-default.hover .trigger-default { color: #fff; } /* IE */

.ui-button-default.active {
	/* box */ 			border: 1px solid #da8200;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						background: -moz-linear-gradient(100% 100% 90deg,#f69610, #FFC945); /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFC945), to(#f69610)); /* Webkit */	
}

.ui-button-default.disabled, .ui-button-default.passive {
	/* box */ 			border: 1px solid #999;
	/* type */ 			text-shadow: none;  
	/* background */	background: #999;
}

.container-trigger .trigger-default { padding: 10px 10px; color: #444; }

.ui-button-default.active .trigger-default,
.ui-button-default.disabled .trigger-default,
.ui-button-default.passive .trigger-default { color: #ccc; } /* IE */

/* ALT: an orange button with a while rollover state */

.ui-button-alt { 

	/* box */ 			border: 1px solid #da8200;
	/* type */ 			text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: color; */
}

.ui-button-alt.hover {
	/* box */ 			border: 1px solid #da8200;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;	
}

.ui-button-alt.hover .trigger-default { color: #fff; } /* IE */

.ui-button-alt.active {
	/* box */ 			border: 1px solid #9f9f9f;
	/* type */ 			text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* background */	background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */
	/* css3 */			-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.ui-button-alt.active .trigger-alt {  } /* IE */

.ui-button-alt.disabled, .ui-button-alt.passive {
	/* box */ 			border: 1px solid #999;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #999;
}

.container-trigger .trigger-alt { padding: 10px 10px; color: #fff; } /* !! color must be specified here; IE will not inherit past one level */

.container-trigger .trigger-alt:hover { text-decoration: none; } /* do not underline anchors on hover */


/* FLAT: a white button with orange rollover state; no gradients or box shadows */

.ui-button-flat {
	/* box */ 			border: none;
	/* type */ 			text-shadow: 0px 1px 0px #fff;
	/* background */	background: #f2f2f2;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-flat.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
						background-image: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */	
}

.ui-button-flat.hover .trigger-flat { color: #fff; } /* IE */

.ui-button-flat.active {
	/* box */ 			border: none;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-flat.disabled, .ui-button-flat.passive {
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
}

.ui-button-flat.disabled .trigger-flat, .ui-button-flat.passive .trigger-flat { color: #ccc; } /* IE */

.trigger-flat { 
	/* box */			padding: 10px 10px;  
	/* type */ 			font-family: Georgia, Times, serif; color: #f18e10; font-style: oblique; font-size: .875em;
}

/* FLAT ALT: a white button with yellow rollover state; no gradients or box shadows */

.ui-button-flat-alt {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;
	/* background */	background: #f2f2f2;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-flat-alt.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e; /* do not use gradient for Webkit... blocks transition effect */
						background-image: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */	
}

.ui-button-flat-alt.hover .trigger-flat-alt { color: #fff; } /* IE */

.ui-button-flat-alt.active {
	/* box */ 			border: none;
	/* background */	background: #ccc;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-flat-alt.disabled, .ui-button-flat-alt.passive {
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
}

.ui-button-flat-alt.disabled .trigger-flat-alt, .ui-button-flat-alt.passive .trigger-flat-alt { color: #ccc; } /* IE */

.trigger-flat-alt { 
	/* box */			padding: 10px 10px;  
	/* type */ 			font-family: Georgia, Times, serif; color: #f18e10; font-size: .875em;
}



/* MENU: a black button with a grey rollover state */

.ui-button-menu {
	/* box */ 			border: none;
	/* type */ 			font-size: 14px; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-menu.hover {
	background: #444; color: #ccc;
}
.ui-button-menu.hover .trigger-menu { color: #ccc; } /* IE */

.ui-button-menu.active {
	background: #666; color: #fff; left: 0; top: 0px;
}
.ui-button-menu.active .trigger-menu { color: #fff; } /* IE */

.ui-button-menu.selected {
	background: #111;
}
.ui-button-menu.selected .trigger-menu { color: #f18E10; } /* IE */

.ui-button-menu.disabled, .ui-button-menu.passive {
	background: #666; color: #888;
}
.ui-button-menu.disabled .trigger-menu, .ui-button-menu.passive .trigger-menu { color: #888; } /* IE */

.trigger-menu { 
	padding: 8px 20px 8px 20px;
	color: #fff; /* !! color must be specified here; IE will not inherit past one level */
	text-shadow: inherit; font-family: inherit; 
}

/* TAB: an orange button with dark disabled state */

.ui-button-tab.disabled, .ui-button-tab.passive {
	/* box */ 			border: 1px solid #da8200;
	/* type */ 			color: #888; text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e);
	
}

.ui-button-tab.hover {
	/* box */ 			border: 1px solid #da8200;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e; /* do not use gradient for Webkit... blocks transition effect */
}

.ui-button-tab.hover .trigger-tab { color: #fff; } /* IE */

.ui-button-tab.active {
	/* box */ 			border: 1px solid #aaa;
	/* background */	background: #aaa;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-tab {
	/* box */ 			border: 1px solid #424242;
	/* type */ 			text-shadow: none; color: #888; 
	/* background */	background: #444;
}

.ui-button-tab.disabled .trigger-tab, .ui-button-tab.passive .trigger-tab { color: #fff; } /* IE */

.trigger-tab { padding: 10px 10px; }


/* TAB TOUCH: a dark button with grey disabled state */

.ui-button-tab-touch {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none; color: #fff; 
	/* background */	background: #444;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
						-webkit-box-shadow: 2px 2px 2px #222; -moz-box-shadow: 0px 2px 2px #222; -o-box-shadow: 0px 2px 2px #222; box-shadow: 0px 2px 2px #222;
}

.ui-button-tab-touch.disabled, .ui-button-tab-touch.passive {
	/* box */ 			border: none;
	/* type */ 			color: #888; text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
	
}

.ui-button-tab-touch.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
}

.ui-button-tab-touch.hover .trigger-tab { color: #fff; } /* IE */

.ui-button-tab-touch.active {
	/* box */ 			border: none;
	/* background */	background: #aaa;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-tab-touch.disabled .trigger-tab, .ui-button-tab-touch.passive .trigger-tab { color: #fff; } /* IE */

.trigger-tab-touch { padding: 10px 13px 15px 13px; }


/* TAB TOUCH ALT: a dark button with grey disabled state */

.ui-button-tab-touch-alt {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none; color: #fff; 
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: color; */
						-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
						-webkit-box-shadow: 2px 2px 2px #222; -moz-box-shadow: 0px 2px 2px #222; -o-box-shadow: 0px 2px 2px #222; box-shadow: 0px 2px 2px #222;
}

.ui-button-tab-touch-alt.disabled, .ui-button-tab-touch-alt.passive {
	/* box */ 			border: none;
	/* type */ 			color: #888; text-shadow: none;
	/* background */	background: #f18e10;
}

.ui-button-tab-touch-alt.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
}

.ui-button-tab-touch-alt.hover .trigger-tab-touch-alt { color: #fff; } /* IE */

.ui-button-tab-touch-alt.active {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* background */	background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */ 	
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-tab-touch-alt.disabled .trigger-tab-touch-alt, .ui-button-tab-touch-alt.passive .trigger-tab-touch-alt { color: #fff; } /* IE */

.trigger-tab-touch-alt { padding: 10px 13px 15px 13px; }



/* TRASH: trash can icon */

.ui-button-trash {
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat;
	/* box */ 			width: 24px; height: 24px; padding: 0; margin: 0;
	/* css3 */	 		-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
						-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						border: none;
						text-shadow: none;
}

.ui-button-trash.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -24px;
}

.ui-button-trash.hover .trigger-trash { color: #fff; } /* IE */

.ui-button-trash.active {
	/* box */ 			border: none;
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -48px;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.ui-button-trash.disabled, .ui-button-trash.passive {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;  
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -72px;
}

.ui-button-trash.disabled .trigger-trash, .ui-button-trash.passive .trigger-trash { color: #ccc; } /* IE */

.container-trigger .trigger-trash { padding: 10px 10px; color: #444; }

/* RADIO: radio button icon */

.ui-button-radio {
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat;
	/* box */ 			width: 19px; height: 20px; padding: 0; margin: 0;
	/* css3 */	 		-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
						-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						border: none;
						text-shadow: none;
}

.ui-button-radio.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -20px;
}

.ui-button-radio.hover .trigger-trash { color: #fff; } /* IE */

.ui-button-radio.active {
	/* box */ 			border: none;
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -43px;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.ui-button-radio.disabled, .ui-button-radio.passive {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;  
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -40px;
}

.ui-button-radio.disabled .trigger-trash, .ui-button-radio.passive .trigger-trash { color: #ccc; } /* IE */

.ui-button-radio.selected {
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -60px;
}
.container-trigger .trigger-radio { padding: 10px 10px; color: #444; }

/* QUANTITY: quantity controls */

.ui-button-quantity {
	/* background */	background: #f18f10; /*background: transparent url("/images/icons/icon_trash.gif") no-repeat;*/ 
	/* box */ 			margin: 0; padding: 0; width: 30px; height: 24px; border: 1px solid #e2772e; text-indent: -5000px; cursor: pointer;
	/* css3 */	 		-webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; -o-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						text-shadow: none;
}

.ui-button-quantity.decrease {
	border-top: 1px solid #ffa736;
	-webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; -o-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0;
}

.ui-button-quantity.hover { background: #ffb01e; }

.ui-button-quantity.active {
	/* background */	background: #ffcf54;
	/* position */		left: 0; top: 0px;
}

.ui-button-quantity.disabled, .ui-button-quantity.passive {}

.container-trigger .trigger-quantity.increase { padding: 10px; background: transparent url("/images/icons/icon_qty_up.gif") no-repeat 10px 9px; }
.container-trigger .trigger-quantity.decrease { padding: 10px; background: transparent url("/images/icons/icon_qty_down.gif") no-repeat 10px 8px; }

/* DROPDOWN DEFAULT: a white button with orange rollover state and arrow icon */

.ui-button-dropdown-default {
	/* box */ 			border: none;	
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-dropdown-default.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e;
						
}

.ui-button-dropdown-default.hover .trigger-flat { color: #fff; } /* IE */

.ui-button-dropdown-default.active {
	/* box */ 			border: none;
	/* background */	background: #ccc;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-dropdown-default.disabled, .ui-button-dropdown-default.passive {
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
}

.ui-button-dropdown-default.disabled .trigger-flat, .ui-button-dropdown-default.passive .trigger-flat { color: #ccc; } /* IE */

.trigger-dropdown-default { padding: 5px 30px 5px 10px; background: transparent url("/images/icons/ui_button_dropdown_default.png") no-repeat 92% 4px; }

.ui-button-dropdown-default.hover .trigger-dropdown-default {
	background: transparent url("/images/icons/ui_button_dropdown_hover.png") no-repeat 92% 4px;
}

.ui-button-dropdown-default.disabled .trigger-dropdown-default, .ui-button-dropdown-default.passive .trigger-dropdown-default {
	background: transparent url("/images/icons/ui_button_dropdown_disabled.png") no-repeat 92% 4px;
}

/* DROPDOWN ALT: an orange button with orange rollover state and arrow icon */

.ui-button-dropdown-alt {
	/* box */ 			border: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */		
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-dropdown-alt.hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e;
						
}

.ui-button-dropdown-alt.hover .trigger-flat { color: #fff; } /* IE */

.ui-button-dropdown-alt.active {
	/* box */ 			border: none;
	/* background */	background: #ccc;
	/* type */ 			color: #fff; text-shadow: none;
	/* position */		left: 0; top: 0px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.ui-button-dropdown-alt.disabled, .ui-button-dropdown-alt.passive {
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
}

.ui-button-dropdown-alt.disabled .trigger-flat, .ui-button-dropdown-alt.passive .trigger-flat { color: #ccc; } /* IE */

.trigger-dropdown-alt { color: #fff; text-shadow: none; padding: 5px 24px 5px 10px; background: transparent url("/images/icons/ui_button_dropdown_alt.png") no-repeat 90% -46px; }

.ui-button-dropdown-alt.hover .trigger-dropdown-alt {
	background: transparent url("/images/icons/ui_button_dropdown_alt.png") no-repeat 90% -46px;
}

.ui-button-dropdown-alt.disabled .trigger-dropdown-alt, .ui-button-dropdown-alt.passive .trigger-dropdown-alt {
	background: transparent url("/images/icons/ui_button_dropdown_disabled.png") no-repeat 90% -46px;
}

/* SET LOCATION: a black button with an orange rollover state */

.ui-button-set-location {
	/* box */ 			border: none;
	/* type */ 			font-size: 14px; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.ui-button-set-location.hover {
	background: #f18f10; color: #ccc;
}
.ui-button-set-location.hover .trigger-menu { color: #ccc; } /* IE */

.ui-button-set-location.active {
	background: #666; color: #fff; left: 0; top: 1px;	
}
.ui-button-set-location.active .trigger-menu { color: #fff; } /* IE */

.ui-button-set-location.selected {
	background: #444;
}
.ui-button-set-location.selected .trigger-menu { color: #f18E10; } /* IE */

.ui-button-set-location.disabled, .ui-button-set-location.passive {
	background: #666; color: #888;
}
.ui-button-set-location.disabled .trigger-menu, .ui-button-set-location.passive .trigger-menu  { color: #888; } /* IE */

.trigger-set-location { 
	padding: 8px 20px 8px 20px;
	color: #fff; /* !! color must be specified here; IE will not inherit past one level */
	text-shadow: inherit; font-family: inherit; 
}

/* GALLERY: */

.css-button-circle {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
    box-sizing:border-box;
    width:20px;
    height:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	-ms-border-radius:10px;
    border-radius:10px;

	background: transparent;
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:50% 50%;

    border-width:2px;
    border-color: #646464;

    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.css-button-circle.stop {
	border-color: #3c3c3c;
}

.css-button-circle:hover {
	background: #eee;
    border-width: 4px;
    border-color: #646464;
	cursor: pointer;	
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s;	
}

.css-button-circle.stop:hover {
	background: transparent;
	border-color: #3c3c3c;
	border-width: 2px;
	cursor: default;
}

.css-button-circle:active {
	background: #f18e10;
	cursor: pointer;
	-webkit-transform: translate(0,.25em);
	-moz-transform: translate(0,.25em);
	-ms-transform: translate(0,.25em);
	-o-transform: translate(0,.25em);
	transform: translate(0,.25em);
}

.css-button-circle.stop:active {
	background: transparent;
	cursor: default;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.css-button-circle { border-style:solid; }

.arrow {
	display:inline-block;
	position: absolute;
	left: auto;
    width:5px;
    height:1px;
	background: #fff;

	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
    box-sizing:border-box;
}
	
.arrow-left-top {
	 left: 5px; top: 6px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.arrow-left-bottom {
	 left: 5px; top: 9px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}

.arrow-right-top {
	 left: 6px; top: 6px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}

.arrow-right-bottom {
	 left: 6px; top: 9px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.css-button-circle:hover .arrow {
	background: transparent;
}

.css-button-circle.stop .arrow { background: #666; }